minimalist
oceanic
serenity
clean
modern
calm
light-dark contrast
blue tones
user-friendly
professional
immersive
emotional
Shadcn/ui Theme Css Variables
name: Oceanic Serenitykeyword: 1F4D7A and white minimal views: 6
:root { --background: 210 40% 98%; --foreground: 210 20% 15%; --card: 210 30% 95%; --card-foreground: 210 20% 15%; --popover: 210 30% 95%; --popover-foreground: 210 20% 15%; --primary: 210 50% 30%; --primary-foreground: 210 40% 98%; --secondary: 210 20% 85%; --secondary-foreground: 210 20% 15%; --muted: 210 10% 90%; --muted-foreground: 210 20% 40%; --accent: 210 40% 70%; --accent-foreground: 210 20% 15%; --destructive: 0 70% 50%; --destructive-foreground: 210 40% 98%; --border: 210 10% 80%; --input: 210 10% 90%; --ring: 210 50% 30%; --radius: 0.75rem; --chart-1: 210 50% 30%; --chart-2: 210 40% 70%; --chart-3: 210 30% 50%; --chart-4: 210 20% 40%; --chart-5: 210 10% 20%; } .dark { --background: 210 20% 15%; --foreground: 210 40% 98%; --card: 210 15% 20%; --card-foreground: 210 40% 98%; --popover: 210 15% 20%; --popover-foreground: 210 40% 98%; --primary: 210 50% 50%; --primary-foreground: 210 20% 15%; --secondary: 210 15% 30%; --secondary-foreground: 210 40% 98%; --muted: 210 10% 25%; --muted-foreground: 210 40% 70%; --accent: 210 40% 50%; --accent-foreground: 210 40% 98%; --destructive: 0 70% 60%; --destructive-foreground: 210 40% 98%; --border: 210 15% 30%; --input: 210 10% 25%; --ring: 210 50% 50%; --radius: 0.75rem; --chart-1: 210 50% 50%; --chart-2: 210 40% 70%; --chart-3: 210 30% 60%; --chart-4: 210 20% 50%; --chart-5: 210 10% 40%; }